<template>
  <page-main class="page-user-info">
    <van-cell-group title="基础信息">
      <van-cell title="姓名" :value="info.agencyName" />
      <van-cell title="联系人" :value="info.contactPerson" />
      <van-cell title="手机号码" :value="info.contactPhone" />
      <van-cell title="地址" :value="info.address" />
      <van-cell title="邮箱" :value="info.email" />
    </van-cell-group>
    <van-cell-group title="账号信息">
      <template #title>
        <div class="account flex-block">
          <span>账号信息</span>
          <div @click="$util.gotoPage('/user/perfect', info)"><van-icon name="edit" /><span>编辑</span></div>
        </div>
      </template>
      <van-cell title="账户名称" :value="info.accountName" />
      <van-cell title="银行账户" :value="info.bankAccount" />
      <van-cell title="开户行" :value="info.bankName" />
      <van-cell title="联行号" :value="info.paymentLines" />
      <van-cell title="身份证" :value="info.idCard" />
      <van-cell title="身份证照片" class="identity">
        <van-row gutter="20" slot="label">
          <van-col :span="12"><img :src="info.idCardImgFront" width="100%" /><p>身份证正面照</p></van-col>
          <van-col :span="12"><img :src="info.idCardImgBack" width="100%" /><p>身份证背面照</p></van-col>
        </van-row>
      </van-cell>
    </van-cell-group>
    <van-cell-group title="业务信息">
      <van-cell title="展示地区" :value="info.businessDistrict" />
      <van-cell v-for="(item,index) in info.business" :key="index" :title="item.businessTypeName" :value="item.percentage" />
      <van-cell title="激活单台设备收益" :value="info.activeIncome" />
    </van-cell-group>
  </page-main>
</template>

<script>
export default {
  data(){
    return{
      info:{
        accountName: null,
        address: null,
        agencyName: "test",
        bankAccount: null,
        bankName: null,
        branchId: null,
        branchName: null,
        business: [],
        businessCity: null,
        businessDistrict: null,
        businessProvince: null,
        businessStreet: null,
        businessUser: null,
        city: null,
        companyId: 1,
        companyName: null,
        completeFlag: "1",
        contactPerson: "小白",
        contactPhone: "17718819900",
        district: null,
        email: null,
        grade: "S",
        id: 1,
        idCard: null,
        idCardImgBack: null,
        idCardImgFront: null,
        level: 1,
        operationUser: null,
        paymentLines: null,
        pid: 0,
        province: null,
        remark: null,
        status: "0",
        activeIncome: null,
      }
    }
  },
  created(){
    this.info = JSON.parse(localStorage.getItem('userInfo'));
  },
  methods:{
    
  }
}
</script>

<style>

</style>